<!--
    Document   : FindPlaces
    Created on : 27/03/2011, 15:32:28 PM
    Author     :  Ing. Javier Silva Pérez
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ice:panelGroup xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:f="http://java.sun.com/jsf/core"
                styleClass="textoFormulario">
    <center>
        <ice:outputText value="#{msgs['page.FindPlaceView.Title']}" styleClass="tituloPag"/>
    </center>
    <br/>

    <ice:panelGroup styleClass="exampleBox"
                    style="float:left;width:600px; margin-top: 10px">
        <ice:outputText value="#{msgs['page.filtros.title']}" styleClass="subtituloPag"/>
        <ice:panelGrid columns="4" cellpadding="3">
            <ice:selectBooleanCheckbox id="SlctID_FindPlace"
                                       value="#{findPlaceViewBean.slctId}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindPlaceView.IDColumn.header']}" style="text-align: right"/>
            <ice:inputText id="txtID_FindPlace" style="width: 50px" 
                           value="#{findPlaceViewBean.idFiltro}"
                           partialSubmit="true"
                           required="#{findPlaceViewBean.slctId}"
                           validator="#{findPlaceViewBean.validaFormatoID}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtIDError_FindPlace" for="txtID_FindPlace"/>
            
            <ice:selectBooleanCheckbox id="SlctNombre_FindPlace"
                                       value="#{findPlaceViewBean.slctNombre}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindPlaceView.NombreColumn.header']}"/>
            <ice:inputText value="#{findPlaceViewBean.nombreFiltro}" id="txtNombre_FindPlace" style="width: 400px"
                           partialSubmit="true"
                           required="#{findPlaceViewBean.slctNombre}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtNombreError_FindPlace" for="txtNombre_FindPlace"/>
            
            <ice:selectBooleanCheckbox id="slctTipo_FindPlace"
                                       value="#{findPlaceViewBean.slctTipo}"
                                       partialSubmit="true"/>
            <ice:outputText value="#{msgs['page.FindPlaceView.TipoColumn.header']}"/>
            <ice:inputText value="#{findPlaceViewBean.tipoFiltro}" id="txtTipo_FindPlace" style="width: 400px"
                           partialSubmit="true"
                           required="#{findPlaceViewBean.slctTipo}">
            </ice:inputText>
            <ice:message style="color: red;" id="txtTipoError_FindPlace" for="txtTipo_FindPlace"/>
            
        </ice:panelGrid>
        
        <center>
            <ice:panelGrid columns="1" cellpadding="3" style="width:300px">
                <ice:commandButton id="btnBuscar_FindPlace"
                                   action="#{findPlaceViewBean.buscar}"
                                   image="/resources/images/buttons/btnBuscar.png"/>
            </ice:panelGrid>
        </center>
    </ice:panelGroup>

    <ice:panelGroup styleClass="exampleBox" style="clear: left;margin-top: 10px">

        <ice:outputText value="#{msgs['page.resultados.title']}" styleClass="subtituloPag"/>
        <!-- Paginador de la información encontrada en el modelo de datos,
            muestra informacion extra acerca de la posicion de estos datos-->
        <ice:panelGroup style="float:left;width:600px">
            <ice:dataPaginator id="dataScroll_2"
                               for="result_FindPlace"
                               rowsCountVar="rowsCount"
                               displayedRowsCountVar="displayedRowsCountVar"
                               firstRowIndexVar="firstRowIndex"
                               lastRowIndexVar="lastRowIndex"
                               pageCountVar="pageCount"
                               pageIndexVar="pageIndex">
                <!--Muestra el texto de la parte superior de la tabla, los parametros
                    con los datos necesarios para la contabilidad, estan declarados
                    en el dataPaginator-->
                <ice:outputFormat value="#{msgs['page.FindPlaceView.contador.text']}"
                                  styleClass="standard">
                    <f:param value="#{rowsCount}"/>
                    <f:param value="#{displayedRowsCountVar}"/>
                    <f:param value="#{firstRowIndex}"/>
                    <f:param value="#{lastRowIndex}"/>
                    <f:param value="#{pageIndex}"/>
                    <f:param value="#{pageCount}"/>
                </ice:outputFormat>
            </ice:dataPaginator>
        </ice:panelGroup>

        <ice:panelGroup styleClass="clearer" />

        <!-- Tabla que contendra la informacion -->
        <ice:dataTable id="result_FindPlace"
                       var="lugar"
                       value="#{findPlaceViewBean.lugares}"
                       rows="10"
                       scrollable="false"
                       scrollHeight="250px"
                       style="float:left;margin-left: 100px"
                       columnWidths="50px,350px"
                       styleClass="dataPaginatorDataTable"
                       cellpadding="0"
                       sortColumn="#{findPlaceViewBean.sortColumnName}"
                       sortAscending="#{findPlaceViewBean.ascending}">

            <ice:column>
                <ice:rowSelector id="selected"
                                 value="#{lugar.selected}"
                                 multiple="false"
                                 preStyleOnSelection="true"/>
                <f:facet name="header">
                    <ice:commandSortHeader id="IDHeader"
                                           columnName="idSort" >
                        <ice:outputText id="iDColumn"
                                        value="#{msgs['page.FindPlaceView.IDColumn.header']}"/>
                    </ice:commandSortHeader>
                </f:facet>
                <ice:outputText id="idLugar_FindPlace"
                                value="#{lugar.id}"/>
            </ice:column>

            <ice:column>
                <f:facet name="header">
                    <ice:commandSortHeader id="nombreHeader"
                                           columnName="nombreSort" >
                        <ice:outputText id="nombreColumn"
                                        value="#{msgs['page.FindPlaceView.NombreColumn.header']}"/>
                    </ice:commandSortHeader>
                </f:facet>
                <ice:outputText id="nombreLugar"
                                value="#{lugar.nombre}"
                                styleClass="friendResult"/>
				<ice:graphicImage value="#{lugar.urlPrincipal}" width="60"
						height="90" style="float:right" styleClass="exampleBox" rendered="#{!empty lugar.urlPrincipal}"/>
						
            </ice:column>
            
            <ice:column>
                <f:facet name="header">
                    <ice:commandSortHeader id="tipoHeader"
                                           columnName="tipoSort" >
                        <ice:outputText id="tipoColumn"
                                        value="#{msgs['page.FindPlaceView.TipoColumn.header']}"/>
                    </ice:commandSortHeader>
                </f:facet>
                <ice:outputText id="tipoLugar"
                                value="#{lugar.tipo.descripcion}"/>
            </ice:column>
            
            
        </ice:dataTable>
        <ice:panelGroup styleClass="clearer"/>

        <!-- Panel que contendra los botones para explorar la tabla,
                - fastStep : Cuantas paginas avanzara o retrocedera
                - paginatorMaxPages: No. de links directos a paginas
        -->
        <ice:panelGroup style="float:left;width:600px;">
            <center>
                <ice:dataPaginator id="dataPaginator_1"
                                   for="result_FindPlace"
                                   fastStep="3"
                                   paginator="true"
                                   paginatorMaxPages="4">
                    <f:facet name="first">
                        <ice:graphicImage id="firstpage_1"
                                          url="/resources/images/arrows/PaginationArrowFirst.png"
                                          style="border:none;"
                                          title="#{msgs['page.Paginator.first']}"/>
                    </f:facet>
                    <f:facet name="last">
                        <ice:graphicImage id="lastpage_1"
                                          url="/resources/images/arrows/PaginationArrowLast.png"
                                          style="border:none;"
                                          title="#{msgs['page.Paginator.last']}"/>
                    </f:facet>
                    <f:facet name="previous">
                        <ice:graphicImage id="previouspage_1"
                                          url="/resources/images/arrows/PaginationArrowPrev.png"
                                          style="border:none;"
                                          title="#{msgs['page.Paginator.previous']}"/>
                    </f:facet>
                    <f:facet name="next">
                        <ice:graphicImage id="nextpage_1"
                                          url="/resources/images/arrows/PaginationArrowNext.png"
                                          style="border:none;"
                                          title="#{msgs['page.Paginator.first']}"/>
                    </f:facet>
                    <f:facet name="fastforward">
                        <ice:graphicImage id="fastforward_1"
                                          url="/resources/images/arrows/PaginationArrowFastNext.png"
                                          style="border:none;"
                                          title="#{msgs['page.Paginator.fastFoward']}"/>
                    </f:facet>
                    <f:facet name="fastrewind">
                        <ice:graphicImage id="fastrewind_1"
                                          url="/resources/images/arrows/PaginationArrowFastPrev.png"
                                          style="border:none;"
                                          title="#{msgs['page.Paginator.fastPrevios']}"/>
                    </f:facet>
                </ice:dataPaginator>
            </center>
        </ice:panelGroup>
    </ice:panelGroup>
    <center>
        <ice:outputText value="#{findPlaceViewBean.errorMsg}" styleClass="errorMsg"/>
    </center>

</ice:panelGroup>